Skip to content

feat(gui): Improve UI for operator port metrics #3477

Merged
jaeyun0503 merged 19 commits intomasterfrom
team-b-add-port-count-v3
Jul 8, 2025
Merged

feat(gui): Improve UI for operator port metrics #3477
jaeyun0503 merged 19 commits intomasterfrom
team-b-add-port-count-v3

Conversation

@jaeyun0503
Copy link
Copy Markdown
Contributor

@jaeyun0503 jaeyun0503 commented Jun 18, 2025

This PR changes the behavior of port metrics so that no matter which operator is highlighted, the port metrics (port id and port count) on both input and output would be always shown to user. This change was made to comply with ui improvement plan so that users have a better overview of the input and output data counts.

In addition to the change mentioned above, the layers between links and texts are differentiated so that the texts can no longer be blocked by arrows.

Attached images include a brief overview of the UI, and a zoomed-in image of an operator that explains the latter change.
image
image

@jaeyun0503 jaeyun0503 requested a review from aglinxinyuan June 18, 2025 09:43
@jaeyun0503 jaeyun0503 self-assigned this Jun 18, 2025
@jaeyun0503 jaeyun0503 added feature frontend Changes related to the frontend GUI labels Jun 18, 2025
Copy link
Copy Markdown
Contributor

@aglinxinyuan aglinxinyuan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove the counts on top of each operator since this information is already included on the input and output ports. Also, try to make the text on the same vertical line. Currently, the text for input count and output count for the same operator is not aligned.

@jaeyun0503 jaeyun0503 requested a review from aglinxinyuan July 3, 2025 10:20
@jaeyun0503
Copy link
Copy Markdown
Contributor Author

@aglinxinyuan Finished making changes and requested a new review

Copy link
Copy Markdown
Contributor

@aglinxinyuan aglinxinyuan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left mirror comments

Comment thread core/gui/src/app/workspace/service/joint-ui/joint-ui.service.ts
Comment thread core/gui/src/app/workspace/service/joint-ui/joint-ui.service.ts
Comment thread core/gui/src/app/workspace/service/joint-ui/joint-ui.service.ts
Copy link
Copy Markdown
Contributor

@aglinxinyuan aglinxinyuan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@jaeyun0503 jaeyun0503 changed the title Improve UI for operator port metrics feat(gui): Improve UI for operator port metrics Jul 8, 2025
@jaeyun0503 jaeyun0503 merged commit 76d33f6 into master Jul 8, 2025
10 checks passed
@jaeyun0503 jaeyun0503 deleted the team-b-add-port-count-v3 branch July 8, 2025 23:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature frontend Changes related to the frontend GUI

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants